<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>  
<style>
	body{
		margin: 0;
		padding: 0;
		height: 100vh;
	}
	.b-box{
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.s-box{
		height: 400px;
		width: 400px;
		background-color: #d4f1cd;
        border: 5px solid red;
        background-image: url("imgs/xx.png"), url("imgs/xx1.png"),url("imgs/xx.png"),url("imgs/xx.png"),url("imgs/xx.png");
        background-repeat: no-repeat ,no-repeat,no-repeat,no-repeat,no-repeat;   
        background-position: 5% 5%,center center,5% 95%,95% 5%,95% 95%;
	}
	p{
		margin-top:100px;
		text-align: center
	}
	</style>
<body>
	<div class="b-box">
		<div class="s-box">
			<p>hello world</p>
		</div>
	</div>
</body>
</html>
